<!-- 我的设置页 -->
<template>
	<view class="my-config">
		<Lines></Lines>
		<view class="config-item" @click="goPathList()">
			<view >地址管理</view>
			<image style="width: 30rpx; height: 30rpx;" src="../../static/image/right.png" mode=""></image>
		</view>
		<view class="quitBtn" @click="quit()">
			退出
		</view>
	</view>
</template>

<script>
	import {mapMutations} from 'vuex'
	import Lines from '../../components/common/Line.vue'
	export default {
		data() {
			return {
				
			}
		},
		components:{
			Lines
		},
		methods: {
			...mapMutations(['loginOut']),
			// 前往地址管理
			goPathList(){
				uni.navigateTo({
					url:'../my-path-list/my-path-list'
				})
			},
			//退出登录
			 quit(){
				 uni.showToast({
				 	title:'退出成功',
					icon:"none"
				 })
				  this.loginOut();
				 uni.reLaunch({
				 	url:'../index/index'
				 })
			 }
		}
	}
</script>

<style scoped>
.config-item{
	display: flex;
	justify-content: space-between;
	margin: 0 0 0 30rpx;
	padding: 26rpx 20rpx 26rpx 0;
	font-size: 32rpx;
	font-weight: bold;
	border-bottom: 1px solid #E1E1E1;
}
.quitBtn{
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100rpx;
	color: #FFFFFF;
	text-align: center;
	line-height: 100rpx;
	background-color: #00B7FF;
}
</style>
